import React, { Component, Fragment } from "react";

import { Tabs } from "antd";

// 合并页面
import CloudAppkey  from "./Appkey";
import CloudAppkeyBilling from "./AppkeyBilling";
import CloudAppkeyDashboard from "./AppkeyDashboard";

const { TabPane } = Tabs;

class Index extends Component {
    constructor(props){
        super(props);  
        this.setState = {} 
    }

    render(){
        return (
            <Fragment>
                <Tabs defaultActiveKey="1">
                    <TabPane tab="应用列表" key="1">
                        <CloudAppkey />
                    </TabPane>
                    <TabPane tab="费用明细" key="2">
                        <CloudAppkeyBilling />
                    </TabPane>
                    <TabPane tab="统计大盘" key="3">
                        <CloudAppkeyDashboard />
                    </TabPane>
                </Tabs>
            </Fragment>
        )
    }
}

export default Index;